//管理所有自定义指令
export const imgerror={

  inserted:function (role,options){

    //   图片异常的逻辑
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    role.src = role.src || options.value


    //  role为操作对象，options是携带的参数
  //  当图片有地址，但是地址没有加载成功时，会触发img的一个事件 onerror
    role.onerror=function (){
      role.src=options.value //当这个对象触发了onerror事件时，将该对象的src设置为参数的值
    }

  },

//该函数同inserted一样是钩子函数


  componentUpdated:function (dom, options) {
    //该函数会在当前指令作用的组件更新时执行
    //因为inserted只是在初始化的时候执行一次
    dom.src = dom.src || options.value
  }
}


